<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>

<%@ include file="/core/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
  
<head>
 	<%@ include file="/core/memberMeta.jsp"%>
 	 
	<script type="text/javascript"> 
		 
		function checkSubmit() {  
			if ($("#chong").val() == '10') {
				alert("在线充值接口正在进行升级维护，请暂时使用其他方式充值，给您带来不便，敬请谅解。"); 
			}
		 	 
		}   
		 
	</script>
	<script type="text/javascript">
		$(document).ready(function() {
			change();
		});
	
		function change() {
			 
			if ($("#chong").val() == '10') {
				
				$("#bank").hide(200);
			}
			if ($("#chong").val() == '20') {
				$("#bank").show(200);
			 
			}
		};
	</script>

</head>

<body data-type="widgets">
    <script src="<%=basePath%>/resources/memberCss/assets/js/theme.js"></script>
    <div class="am-g tpl-g">
        
        <!-- 内容区域 -->
        <div class="tpl-content-wrapper">

            <div class="container-fluid am-cf">
                <div class="row">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                        <div class="page-header-heading"><span class="am-icon-money page-header-heading-icon"></span> 在线充值</div>
                        <p class="page-header-description">欢迎光临BHP必和必拓矿业投资中国区</p>
                    </div>
                     
                </div>

            </div>

            <div class="row-content am-cf">

                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl"> 在线充值</div>
                            <div class="widget-function am-fr">
                                <a href="javascript:;" class="am-icon-cog"></a>
                            </div>
                        </div>
                        <div class="widget-body am-fr">
							 <form class="am-form tpl-form-border-form tpl-form-border-br" action="" method="post"  >
                                <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">充值类型：</label>
                                    <div class="am-u-sm-9">
                                       
                                        <select data-am-selected="{searchBox: 1}"  id="chong" name="chong" style="color: white;" onchange="change();">
											<option value="10">在线充值</option>
										  	<option value="20">人工充值</option>
										  	 
										</select>
                                        
                                    </div>
                                </div>
                                <div class="am-form-group " id="bank" style="display: none;">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">充值二维码：</label>
                                    <div class="am-u-sm-9">
                                        
                                        <img src='<%=basePath%>/resources/memberCss/assets/img/erweima.jpg' style="width: 200px;height: 200px;"/>
                                    </div>
                                </div>
                               
  
                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                        <button type="button" onclick="checkSubmit();" class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交</button>
                                    </div>
                                </div>
                             </form>
                        </div>
                     </div>
                 </div>
             </div>
        </div>
    </div>
    </div>
    <script src="<%=basePath%>/resources/memberCss/assets/js/amazeui2.min.js"></script>
    <script src="<%=basePath%>/resources/memberCss/assets/js/amazeui.datatables.min.js"></script>
    <script src="<%=basePath%>/resources/memberCss/assets/js/dataTables.responsive.min.js"></script>
    <script src="<%=basePath%>/resources/memberCss/assets/js/app.js"></script>

</body>


